<template>
  <div>
    <!-- 把v-model改写一下  select元素上v-model => :value  +  @change-->
    <!-- 问题?  为啥不直接用v-model  单向数据流 -->
    <!-- v-model 如果视图改变  数据自动改变 所以使用语法糖形式 -->
     <select :value="value" @change="selectCity">
        <option value="101">北京</option>
        <option value="102">天津</option>
        <option value="103">郑州</option>
        <option value="104">石家庄</option>
        <option value="105">上海</option>
     </select>
  </div>
</template>

<script>
export default {
    name: 'BaseSelect',
    props: {
        value: String
    },
    methods: {
        selectCity(e) {
            this.$emit('input', e.target.value)
        }
    }
}
</script>

<style>

</style>